<!DOCTYPE html>
<html lang="en">
<head>
    <title>目录地图</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/searchIndex.css">
    <link rel="stylesheet" href="../../plugins/layui/css/layui.css">
</head>
<body>
<!--banner搜索头部 start-->
<div class="zh-search-header">
    <!--头部导航条部分 start-->
    <nav class="navbar navbar-index-default">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
                    <img src="image/login/login_bg.png" class="pull-left brand-img" alt="" width="40px" height="40px">
                    <span class="pull-left"><img src="image/title_min.png" alt=""></span>
                </a>
                <!--税务知识库 start-->
                <div class="btn-group dropdown index-brand-down">
                    <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        税务知识库 <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu">
                        ...
                    </ul>
                </div>
                <!--税务知识库 end-->
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse userinfo-box" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">操作手册</a></li>
                    <li><a href="#">知识库管理</a></li>
                    <li class="active"><a href="#">目录地图</a></li>
                    <li><a href="#">我的收藏夹</a></li>
                    <li class="dropdown">
                        <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                            张三三 <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="javascript:void(0)">ID: <span>374552</span></a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="#">重置密码</a></li>
                            <li><a href="#">退出登录</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <!--头部导航条部分 end-->
</div>
<!--banner搜索头部 end-->
<!--下部内容 start-->
<div class="zh-searchIndex-content">
    <!--面包屑 start-->
    <ol class="breadcrumb">
        <li><a href="javascript:void(0)">首页</a></li>
        <!--<li><a href="javascript:void(0)">高级搜索</a></li>-->
        <li class="active">高级搜索</li>
    </ol>
    <!--左侧树状菜单-->
    <div class="pull-left leftbar-menu">
        <div class="card card1" id="treeData">
            <div class="model-name">
                <i class="icon newkon-icon"></i>
                税务知识库
            </div>

            <div class="treeMenu">
                <ul id="treeMenu"></ul>
            </div>
        </div>
    </div>
    <!--右侧内容部分-->
    <div class="right-info pull-right">
        <div class="card card3" id="table-content">
            <div class="layui-form">
                <table class="layui-table">
                    <colgroup>
                        <col width="50">
                        <col width="150">
                        <col width="150">
                        <col>
                    </colgroup>
                    <thead>
                    <tr>
                        <th>子目录</th>
                        <th>知识点</th>
                        <th>知识原子</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td rowspan="3">目录名称</td>
                        <td rowspan="2">知识点 <span class="icon abolish-icon-char"></span></td>
                        <td>知识原子1</td>
                    </tr>
                    <tr>
                        <td>知识原子2</td>
                    </tr>
                    <tr>
                        <td>知识点2 <span class="icon edit-icon-char"></span></td>
                        <td>知识原子3</td>
                    </tr>
                    <tr>
                        <td rowspan="3">目录名称</td>
                        <td rowspan="2">知识点 <span class="icon abolish-icon-char"></span></td>
                        <td>知识原子1</td>
                    </tr>
                    <tr>
                        <td>知识原子2</td>
                    </tr>
                    <tr>
                        <td>知识点2 <span class="icon add-icon-char"></span></td>
                        <td>知识原子3</td>
                    </tr>
                    <tr>
                        <td rowspan="3">目录名称</td>
                        <td rowspan="2">知识点 <span class="icon add-icon-char"></span></td>
                        <td>知识原子1</td>
                    </tr>
                    <tr>
                        <td>知识原子2</td>
                    </tr>
                    <tr>
                        <td>知识点2 <span class="icon overdue-icon-char"></span></td>
                        <td>知识原子3</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
</div>
<!--下部内容 end-->
<script src="../../plugins/jquery/jquery-1.12.4.js"></script>
<script src="../../plugins/layui/layui.js"></script>
<!--<script src="../../plugins/layer/layer.js"></script>-->
<script src="js/util.js"></script>
<script src="js/searchIndex.js"></script>
</body>
</html>
